<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: jxdck662
  Date: 2019/8/6
  Time: 21:21
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
    <title>登录</title>
</head>
<body>
<!-- header -->
<div class="container-fluid" >
    <div class="row">
        <div class="col-4"><img src="img/logo2.png" ></div>
        <div class="col-5"><img src="img/header.jpg" ></div>
        <div class="col">
            <c:if test="${sessionScope.user == null}">
                <div class="btn-group float-right" role="group" style="margin-top: 11px;">
                    <a href="LoginServlet"><button type="button" class="btn btn-outline-success">登录</button></a>
                    <a href="register.jsp"><button type="button" class="btn btn-outline-info">注册</button></a>
                    <a href="cart.jsp"><button type="button" class="btn btn-outline-secondary">购物车</button> </a>
                </div>
            </c:if>
            <c:if test="${sessionScope.user != null}">
                <div class="btn-group float-right" role="group" style="margin-top: 11px;">
                    <a href="GetUserServlet"><button type="button" class="btn btn-outline-success">${sessionScope.user.name}</button></a>
                    <a href="LogoutServlet"><button type="button" class="btn btn-outline-info">退出</button></a>
                    <a href="cart.jsp"><button type="button" class="btn btn-outline-secondary">购物车</button> </a>
                    <a href="./GetBusServlet"><button type="button" class="btn btn-outline-danger">我的订单</button> </a>
                </div>
            </c:if>
        </div>
    </div>
</div>
<!-- nav -->
<div class="container-fluid border border-primary" >
    <nav class="navbar navbar-dark bg-dark">
        <nav class="nav nav-pills">
            <c:forEach var="i" begin="0" end="${Items.size}">
                <a class="nav-link text-light" href="items.jsp?pclass=${i}&n=1">${Items.allclass[i]}</a>
            </c:forEach>
            <a class="nav-link text-light" href="index.jsp">首页</a>
        </nav>
        <form class="form-inline my-2 my-lg-0 " action="Search" method="post">
            <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search" name="search">
            <button class="btn btn-outline-light my-2 my-sm-0" type="submit">Search</button>
        </form>
    </nav>
</div>

<div class="container-fluid border" style="width:98.5%;height:460px;background:#ff2c4c url('img/loginbg.jpg') no-repeat">
    <div class="row">
        <div class="col-md-7"></div>
        <div class="col-md-3" >
            <div class="container"style="margin: 50px 0 !important; height: 320px; background-color: white; border-radius: 10px;">
                <div class="container"style="height: 50px; ">
                    <h3 style="line-height: 50px;">登录</h3>
                </div>
                <div style="border-bottom: 5px solid black;"></div>
                <form action="LoginServlet" method="post">
                    <p style="margin-top: 20px; border-radius: 10px;">
                        用户名：<input type="text" name="username" id="username" />
                    </p>
                    <p style="margin-top: 20px; border-radius: 10px;">
                        密码： <input type="password" name="password" />
                    </p>
                    <p style="margin-top: 20px; border-radius: 10px;">
                        <input type="submit" value="登录" class="btn btn-outline-dark"/>
                    </p>
                </form>
            </div>
        </div>
    </div>

</div>
<%--footer--%>
<div class="container-fluid" >
    <nav class="nav justify-content-center">
        <a class="nav-link">关于我们</a>
        <a class="nav-link">联系我们</a>
        <a class="nav-link">招贤纳士</a>
        <a class="nav-link">法律声明</a>
        <a class="nav-link">友情链接</a>
        <a class="nav-link" target="_blank">支付方式</a>
        <a class="nav-link" target="_blank">配送方式</a>
        <a class="nav-link">服务声明</a>
        <a class="nav-link">广告声明</a>
    </nav>
</div>
<div style="text-align: center;margin-top: 5px;margin-bottom:20px;">
    Copyright &copy; 2005-2016 传智商城 版权所有
</div>

<!-- javascript -->
<script src="js/jquery-3.4.1.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
